<template>
  <div><WorkbenchHeader/></div>
  <div class="content-box">
    <ProjectCard/>
    <DynamicInfo/>
    <QuickNav/>
    <SaleRadar/>
  </div>
</template>
<script lang="ts" setup>
  import { ref } from 'vue';
  import { Card } from 'ant-design-vue';
  import { PageWrapper } from '/@/components/Page';
  import WorkbenchHeader from './components/WorkbenchHeader.vue';
  import ProjectCard from './components/ProjectCard.vue';
  import QuickNav from './components/QuickNav.vue';
  import DynamicInfo from './components/DynamicInfo.vue';
  import SaleRadar from './components/SaleRadar.vue';

  const loading = ref(true);

  setTimeout(() => {
    loading.value = false;
  }, 500);
</script>
<style scoped>
.content-box{
  width:1136px;
  margin:auto;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
</style>
